@charset "utf-8";
/**
 * 
 * 
 */
/*基本样式*/
body , ul ,em   ,h5 ,dl ,dd {
	padding:0px;margin:0;font-size:12px;font-weight:normal;list-style-type:none;font-style:normal;font-family:"微软雅黑","arial","宋体","Tahoma","Verdana";color:#000;
}
a{
	text-decoration:none;color:#fff;
}

a:hover{
	text-decoration:none;color:#fff;
}
a img{
	border:none;	
}
body{
	background:#101010;
}
input ,textarea{
	padding:0px;margin:0;border: none;background: none;	

}
*{margin:0px; padding:0px;}

/* 特殊字符 */
.none_border{margin:0px !important;padding:0px !important;background:none !important;border:none !important;}
.none_border_right{margin:0px !important;padding:0px !important;float:right !important;}
/*  */

a:focus{-moz-outline:none;outline:none;}/*去掉虚线针对IE*/ 
a {blr:expression(this.onFocus=this.blur())}/*去掉虚线针对firefox*/ 
*:focus {outline: none;}


.header{width: 1180px;margin: 0px auto;clear: both;padding: 15px 0px;overflow: hidden;}
.logo{width: 100px;float: left;}
/*nav*/
#nav_dh { height:42px; background:#101010;float: right;margin-top: 30px;}
#nav_dh li { margin-left: 2px; display: inline-block; height:42px; }
#nav_dh a { float:left; position:relative; height:42px; overflow:hidden; font-size:16px; color:#fff; text-decoration:none; cursor:pointer; }
#nav_dh p { float:left; }
#nav_dh span { float:left; width: 120px; height:42px; line-height:42px; background:#101010; clear:both; white-space:nowrap;text-align: center;border-radius: 5px;}
#nav_dh .active,#nav_dh .current span { background:#fe0000; color:#fff; }
#nav_dh .current .active { color:#fff; }
/*nav end*/
.in_cen{width: 1180px;margin: 0px auto;overflow: hidden;padding: 35px 0px;}
.in_main{overflow: hidden;}
.bt_img{text-align: center;margin-bottom: 25px;}
.in_ab{text-align: center;}
.two_bj{width: 100%;background: url(../images/bj.jpg) no-repeat center center;height: 690px;}
.two_main{width: 1180px;margin: 0px auto;overflow: hidden;}
.jzjs {
    width: 1180px;
    overflow: hidden;
    margin: 30px auto;
    text-align: center;
}
/* demo */
/*五张图片在缩略图时所显示的位置调整*/
#demo li:nth-of-type(1) img{ transform: translate(-210px);}
#demo li:nth-of-type(2) img{ transform: translate(-180px);}
#demo li:nth-of-type(3) img{ transform: translate(-380px);}
#demo li:nth-of-type(4) img{ transform: translate(-450px);}
#demo li:nth-of-type(5) img{ transform: translate(-320px);}
#demo li:nth-of-type(6) img{ transform: translate(-320px);}
#demo{width:1010px;height:450px;margin: 0px auto; margin-top: 65px;}
#demo img{width: 600px; height: 450px;}
#demo li{float:left;position:relative;width:82px;height:100%;overflow:hidden;cursor:pointer; transition:0.5s; transform-origin:bottom;filter:alpha(opacity=50);opacity:0.5;}
#demo li img{transition:1.2s;}
#demo li a{display:block;}
#demo li.active div{position:absolute;bottom:0;left:0;width:100%;background:#000;line-height:44px;filter:alpha(opacity=70);opacity:0.7;font-size: 18px;text-align: center;}
#demo li.active div a{color:#FFF;text-decoration:none;}
#demo li.active div a:hover{color:#fe0000;text-decoration:none;}
#demo li.active{cursor:pointer; transform:scale(1.02,1.08); z-index:3;width:600px;filter:alpha(opacity=100);opacity:1;}
#demo li.active img{transform:translate(0px);}
#demo li:nth-of-type(1){transform-origin:bottom left;}
#demo li:nth-of-type(6){transform-origin:bottom right;}

.clearfix::after{ clear: both; display: block; height: 0; content: '';}
#container{}
#container li{ position:relative;width: 270px;text-align: center;float: left; cursor: pointer;  overflow: hidden;margin-right: 33px;margin-bottom: 30px;}
#container li.no_r{margin-right: 0px;}
#container li p{ height:230px; width: 100%; position: absolute; left: 0; top: -230px; color: #ffffff;z-index: 2; }
#container li .img{ width: 270px;display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
#container li:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
#container li p i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #000000; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); font-size: 16px; }
#container li p span{ display: block; width: 90%; margin: 0 auto; line-height: 24px; font-size: 16px; padding-top:90px;}
#container li p .small_tb{ display: block; position: absolute; width: 32px; height: 32px; left:50%; margin-left: -16px; top:45px; background:url(../images/link.png) no-repeat 0 0;}

.hz_kh{overflow: hidden;margin-top: 15px;}
.hz_kh ul.pp_ul{clear: both;overflow: hidden;}
.hz_kh ul.pp_ul li{float: left;margin-right: 6px;margin-bottom: 4px;}
.hz_kh ul.pp_ul li.nor{margin-right: 0px;}

.offer{width: 100%;overflow: hidden;background: #252525;border-top: 2px solid #fe0000;padding: 20px 0px;margin-top: 10px;}
.offer_c{width: 1180px;margin: 0px auto;clear: both;overflow: hidden;}
.offer_l{float: left;}
.offer_c ul.offer_z{float: left;margin-left: 215px;}
.offer_c ul.offer_z li{font-size: 14px;color: #dfdcdc;line-height: 28px;}
.offer_r{float: right;text-align: center;}
.offer_r img{width: 120px;}
.offer_r span{display: block;color: #dfdcdc;line-height: 24px;font-size: 14px;}
.line_x{width: 1020px;height: 18px; border-bottom: 1px solid #929292;margin: 0px auto;clear: both;}
.offer_c p{text-align: center;color: #929292;font-size: 14px;margin-top: 15px;}

/*banner*/
.banner-n{width:100%;}
.banner-n-margin{margin: 0 auto;width:100%;height: 500px;overflow: hidden;}
.DB_tab25 {width:100%;height:500px;position:relative;overflow:hidden;float: left;}

.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:500px;display:none}

.DB_tab25 .DB_imgSet{width:1180px;margin: 0 auto;position: relative;}

.DB_tab25 .DB_menuWrap{position:absolute;width:1000px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:475px;text-align:center;font-size:0}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}


.DB_tab25 .DB_prev{position:absolute;left:-250px;top:225px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:-250px;top:225px;cursor:pointer;display:none}
/*banner end*/


/*浮动客服*/
#box-kefu { position: fixed; right: 0; top: 25%; z-index: 100; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+100)); }
#box-kefu .kefu-open { position: absolute; top: 0; right: 0; width: 0px; padding: 49px 0 0 0; background: url(../images/online_top.jpg) no-repeat 0px 0 #fff;overflow: hidden;}
#box-kefu .kefu-open .onlie_x{ display: block; position: absolute;cursor:pointer; width: 37px; height: 33px; right: 0px; top: 0px; text-indent: -9999px;background: url(../images/close_x.png) no-repeat; }
#box-kefu .kefu-open .kefu_mian { padding-bottom: 5px; width: 168px; border:1px solid #ccc;border-top:none;}
#box-kefu .kefu-open .float_tel{text-align: center;color: #323639;padding: 15px 0;border-bottom: 1px solid #ccc;}
#box-kefu .kefu-open .float_tel img{vertical-align: middle;}
#box-kefu .kefu-open .float_tel p{font-size: 18px;}
#box-kefu .kefu-open .float_tel strong{font-size: 20px;color: #df0024;}
#box-kefu .kefu-open ul { background: #fff;padding-bottom: 20px;border-bottom: 1px solid #ccc; }
#box-kefu .kefu-open li { height: 32px; width: 100px;margin: 0 auto; line-height: 32px; padding: 0 15px 2px;background: #df0024;border-bottom: 2px solid #fff; }
#box-kefu .kefu-open li.nametext{text-align: center;width: 120px;line-height: 30px;margin-top: 10px;background: none;}
#box-kefu .kefu-open li a { color: #fff; display: block; position: relative; zoom: 1; padding-left: 35px; }
#box-kefu .kefu-open li a:hover { text-decoration: none; }
#box-kefu .kefu-open li a i { display: inline-block; position: absolute; left: 10px; top: 6px; width: 19px; height: 21px; background: url(../images/online_qq.png) no-repeat 0px 0px; _background-image: url(../images/online_qq.gif); }
#box-kefu .kefu-open .wxcode{text-align: center;padding-bottom: 15px;}
#box-kefu .kefu-open .wxcode img{width: 120px;}
#box-kefu .kefu-open .wxcode p{line-height: 40px;}
#box-kefu .kefu-open li a i.qq { background-position: 0px 0px; }
#box-kefu .kefu-open li a i.online { background-position: -56px -56px; }
#box-kefu .kefu-open li a i.txt { background-position: -56px -86px; }
#box-kefu .kefu-close { position: absolute; top: 5px; right: 0; width: 34px; height: 127px; padding: 0; background: url(../images/online_open.jpg) no-repeat 0 0; _background-image: url(../images/online_open.jpg); cursor: pointer; overflow: hidden; }

.ny_cen{width: 100%;overflow: hidden;}
.ny_main{width: 1180px;margin: 30px auto;overflow: hidden;}
.gywm{text-align: center;overflow: hidden;}
.dhname{font-size: 30px;font-weight: normal;color: #df0024;text-align: center;margin-bottom: 20px;}
.dhname span{font-size: 16px;color: #dfdcdc;}
.gywm img{margin-bottom: 15px;}
.gywm p{font-size: 16px;color: #dfdcdc;line-height: 36px;}

.ny_news ul.ny_news_ul li{clear: both;padding: 20px;background: #dfdcdc;overflow: hidden;}
.ny_news ul.ny_news_ul li:hover{background: #df0024;}
.ny_news ul.ny_news_ul li a{display: block;overflow: hidden;color: #333;}
.ny_news ul.ny_news_ul li a:hover{color: #dfdcdc;}
.new_img{float: left;width: 200px;}
.new_img img{width: 200px;height: 160px;}
.new_li_r{float: right;width: 920px;}
.new_li_r h5{font-size: 16px;margin-bottom: 10px;font-weight: bold;}
.new_li_r span{font-size: 14px;}
.new_li_r p{font-size: 16px;margin-top: 15px;line-height: 30px;}
.ny_news ul.ny_news_ul li.ts{background: #101010;}
.ny_news ul.ny_news_ul li.ts a{color: #dfdcdc;}
.ny_news ul.ny_news_ul li.ts:hover{background: #df0024;}
.ny_news ul.ny_news_ul li.ts h5{color: #df0024;}
.ny_news ul.ny_news_ul li.ts:hover h5{color: #000;}